<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <base href="<%=request.getContextPath()+"/"%>">
    <title>Title</title>
    <script type="text/javascript">
        // 页面在加载的时候干这些事情，  加载--》初始化--》完成--》用户看到
        window.onload = function () {

            // 1.当前学生的课程
            var course = "${student.course}"; // JS中也可以写EL表达式

            // 2.选中
            document.getElementById("course").value = course;


            // 2.获取学生的爱好
            var loves = "${loves}"; // JS中也可以写EL表达式
            var lovesAray = loves.split(","); // 按照逗号拆分

            // 3.开始做选中
            var lovesEleArray = document.getElementsByName("loves"); // 获取页面的爱好选项
            for (var i = 0; i < lovesEleArray.length; i++) { // 遍历页面上所有的爱好的选型框
                for (var j = 0; j < lovesAray.length; j++) { // 编写当前学生的爱好
                    if (lovesEleArray[i].value == lovesAray[j]) { //
                        lovesEleArray[i].checked = true; // 选中
                    }
                }
            }
        }
    </script>
</head>
<body>
<h3>修改学生</h3>

<form method="post" action="http://localhost:8080/Student?action=update">
    <table border="1">
        <tr>
            <td> 姓名:</td>
            <td>
                <input type="hidden" name="id" value="${student.id}">
                <input type="text" name="name" value="${student.name}">
            </td>
        </tr>

        <tr>
            <td> 年龄:</td>
            <td>
                <input type="text" name="age" value="${student.age}">
            </td>
        </tr>

        <tr>
            <td> 性别:</td>
            <td>
                <c:if test="${student.sex == 1}">
                    <input type="radio" name="sex" value="1" checked>男
                    <input type="radio" name="sex" value="0">女
                </c:if>

                <c:if test="${student.sex == 0}">
                    <input type="radio" name="sex" value="1">男
                    <input type="radio" name="sex" value="0" checked>女
                </c:if>
            </td>
        </tr>

        <tr>
            <td> 手机号:</td>
            <td>
                <input type="text" name="phone" value="${student.phone}">
            </td>
        </tr>

        <tr>
            <td> 邮箱:</td>
            <td>
                <input type="text" name="email" value="${student.email}">
            </td>
        </tr>

        <tr>
            <td> 爱好:</td>
            <td>
                <!-- 1:book:2:code-->
                <input type="checkbox" name="loves" value="book">看书
                <input type="checkbox" name="loves" value="study">学习
                <input type="checkbox" name="loves" value="code">编程
            </td>
        </tr>

        <tr>
            <td> 课程:</td>
            <td>
                <select name="course" id="course">
                    <option value="Java">Java实战</option>
                    <option value="c++">C++入门</option>
                    <option value="c#">C#xxxxx</option>
                    <option value="Pyton">Python权威指南</option>
                </select>
            </td>
        </tr>


        <tr>
            <td colspan="2">
                <input type="submit" value="更新">
                <input type="reset" value="重置">
            </td>
        </tr>
    </table>
</form>

</body>
</html>
